<ion-content>
    <!-- head start -->
    <ion-row class="head">
        <ion-icon (click)="back()" class="back" ios="ios-arrow-back" md="md-arrow-back"></ion-icon>
        <ion-col col-12 class="head-title" text-center>扫描二维码支付</ion-col>
      </ion-row>
      <!-- head end -->
    <div class="code-input" text-center>
      <ion-input type="number" value="" [(ngModel)]="barCode" placeholder="请输入MUJI Passport会员码"></ion-input>
      <div></div>
    </div>
    <ul class="keyboard pl0">
      <li (tap)="keyboard('1')">1</li>
      <li (tap)="keyboard('2')">2</li>
      <li (tap)="keyboard('3')">3</li>
      <li (tap)="keyboard('4')">4</li>
      <li (tap)="keyboard('5')">5</li>
      <li (tap)="keyboard('6')">6</li>
      <li (tap)="keyboard('7')">7</li>
      <li (tap)="keyboard('8')">8</li>
      <li (tap)="keyboard('9')">9</li>
      <li (tap)="keyboard('clean')">清除</li>
      <li (tap)="keyboard('0')">0</li>
      <li (tap)="keyboard('back')"><ion-icon ios="ios-backspace-outline" md="md-backspace"></ion-icon></li>
    </ul>
    <div class="bottom-button">
      <button (click)="back()" class="MUJI-button" ion-button full>确认</button>
    </div>
  </ion-content>
